

<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">

	<h:form>

		<p:growl id="messages" />

		<div id="logo">SISTEMA CASA DE EVENTOS</div>
		<p:menubar>
			<p:submenu label="Cadastrar" icon="ui-icon-disk">
				<p:menuitem value="Funcionario" url="/funcionario/inserirfuncionario.xhtml" />
				<p:menuitem value="Funcao" url="/funcao/inserirfuncao.xhtml" />
				<p:menuitem value="Setor" url="/setor/inserirsetor.xhtml" />
				<p:menuitem value="Local" url="/local/inserirlocal.xhtml" />
				<p:menuitem value="Artista" url="/artista/inserirartista.xhtml" />
                 <p:menuitem value="Produtora" url="/produtora/inserirProdutora.xhtml" />
                 <p:menuitem value="Evento" url="evento/inserirevento.xhtml" />

			</p:submenu>

			<p:submenu label="Consultar" icon="ui-icon-search">
				<p:menuitem value="Funcionario" url="/funcionario/consultarfuncionario.xhtml" />
				<p:menuitem value="Funcao" url="/funcao/consultarfuncao.xhtml" />
				<p:menuitem value="Setor" url="/setor/consultarsetor.xhtml" />
				<p:menuitem value="Local" url="/local/consultarlocal.xhtml"/>
				<p:menuitem value="Artista" url="/artista/consultarartista.xhtml" />
				<p:menuitem value="Produtora" url="/produtora/buscarProdutora.xhtml" />
                            
			</p:submenu>


			<p:submenu label="Relatorios" icon="ui-icon-pencil">
				<p:menuitem value="Funcionario" url="/funcionario/listarfuncionario.xhtml" />
				<p:menuitem value="Funcao" url="/funcao/listarfuncao.xhtml" />
				<p:menuitem value="Setor" url="/setor/listarsetor.xhtml" />
				<p:menuitem value="Local" url="/local/listarlocais.xhtml" />
				<p:menuitem value="Artista" url="/artista/listarartista.xhtml" />
				<p:menuitem value="Produtora" url="/produtora/consultarProdutora.xhtml" />
				<p:menuitem value="Evento" url="/evento/consultarEvento.xhtml" />
			</p:submenu>


			<p:submenu label="Help" icon="ui-icon-help">
				<p:menuitem value="Contents" url="#" />
				<p:submenu label="Search" icon="ui-icon-search">
					<p:submenu label="Text">
						<p:menuitem value="Workspace" url="#" />
					</p:submenu>
					<p:menuitem value="File" url="#" />
				</p:submenu>
			</p:submenu>






			<p:submenu label="Actions" icon="ui-icon-gear">
				<p:submenu label="Ajax" icon="ui-icon-refresh">
					<p:menuitem value="Save" actionListener="#{menuBean.save}"
						icon="ui-icon-disk" update="messages" />
					<p:menuitem value="Update" actionListener="#{menuBean.update}"
						icon="ui-icon-arrowrefresh-1-w" update="messages" />
				</p:submenu>
				<p:submenu label="Non-Ajax" icon="ui-icon-newwin">
					<p:menuitem value="Delete" actionListener="#{menuBean.delete}"
						icon="ui-icon-close" update="messages" ajax="false" />
				</p:submenu>
			</p:submenu>

			<p:menuitem value="Quit" url="http://www.primefaces.org"
				icon="ui-icon-close" />
		</p:menubar>




	</h:form>

	<style>
body {
	font-family: Helvetica Narrow, sans-serif
}

#logo {
	font-family: Comic Sans, Comic Sans MS, cursive;
	padding-top: 30px;
	padding-bottom: 30px;
	color: white;
	font-size: 30px;
	font-weight: bolder;
	text-align: center;
	border: 1px #4682B4;
	background-color: #85b2cb;
	text-shadow: 0px 3px 6px #000;
}

textarea:focus,input[type="text"]:focus,input[type="password"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="time"]:focus,input[type="week"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="color"]:focus,.uneditable-input:focus
	{
	height: 27px;
	border-width: thin;
	border-color: #4682B4;
	outline: 0;
	outline: thin dotted \9;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px
		#85b2cb;
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #85b2cb;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #85b2cb;
}

input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input
	{
	height: 25px;
	padding-left: 5px;
}

input[type="button"],input[type="submit"] {
	background-color: #85b2cb;
	height: 35px;
	color: white;
	font-weight: bolder;
	font-size: 15px;
	padding: 5px 20px 5px 20px;
	border: none;
	background-image: -moz-linear-gradient(100% 100% 90deg, #4682B4, #85b2cb);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#85b2cb),
		to(#4682B4) );
}

input[type="button"]:hover,input[type="submit"]:hover {
	color: gainsboro;
	cursor: pointer;
	background-image: -moz-linear-gradient(100% 100% 90deg, #85b2cb, #4682B4);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4682B4),
		to(#85b2cb) );
}

fieldset {
	margin-top: 10px;
	border-color: #85b2cb;
	border-radius: 4px;
}

legend {
	color: #4682B4;
	font-size: 20px;
	font-weight: bolder;
	padding-left: 15px;
	padding-right: 15px;
}

h1,h2,h3,h4,h5,h6 {
	color: #4682B4;
}

.tabela {
	border-collapse: collapse;
}

.tabela th {
	border: 1px solid appworkspace;
	padding: 5px 20px 5px 20px;
	background-color: #BFEFFF;
}

.tabela td {
	border: 1px solid appworkspace;
	padding: 3px 10px 3px 10px;
	font-size: 13px;
}

.tabela tr:hover :not(th) {
	background-color: #85b2cb;
}

.ui-widget,.ui-widget .ui-widget {
	font-size: 92% !important;
	font-family: Arial;
}

.error{
    padding: 8px 35px 8px 14px;
    color: #B94A48;
    background-color: #F2DEDE;
    border-color: #EED3D7;   
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    border: 1px solid #FBEED5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.sucess{
    padding: 8px 35px 8px 14px;
    color: #468847;
    background-color: #DFF0D8;
    border-color: #D6E9C6;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    border: 1px solid #FBEED5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.remover{
    padding-left: 15px;
    width: 18px;
    height: 18px; 
}

.remover:hover{
    width: 25px;
    height: 25px;
    margin: -4px;
}
.alterar{
    padding-left: 15px;
    width: 18px;
    height: 18px; 
}

.alterar:hover{
    width: 25px;
    height: 25px;
    margin: -4px;
}

table tbody.ui-widget-content tr.ui-widget-content:hover{
	background-color: #85b2cb;
}
</style>

</ui:composition>


